<template>
	 <view class="page">
	 	<image class="bg" src="../../static/img/bg_agent.jpg"></image>
		<view class="wrap">
			<view class="desc">
				<image class="txt" src="../../static/img/txt_agent.png"></image>
				<image @tap="applyAgent" class="btn_apply" src="../../static/img/btn_agent.png"></image>
			</view>
			<view class="footer">
				<view @tap="upgrade" class="btn left">升级为合伙人</view>
				<view @tap="join" class="btn right">机构合作入驻</view>
			</view>
		</view>
	 </view>
</template>

<script>
	
	export default {
		methods: {
			applyAgent() {
				// uni.showToast({
				// 	title:"申请"
				// })
				uni.navigateTo({
					url:"../apply/apply"
				})
			},
			upgrade() {
				uni.navigateTo({
					url:"../partner/partner"
				})
			},
			join() {
				uni.navigateTo({
					url:"../agency/agency"
				})
			}
		},
	}
</script>

<style scoped lang="less">
	.page{
		width: 750rpx;
		height: 1624rpx;
		min-height: 100%;
		  margin: 0;
		  padding: 0;
		  position: relative;
	}
	.bg{
		width: 750rpx;
		height: 1624rpx;
		position: absolute;
		top: 0;left: 0;right: 0;
	}
	.wrap{
		position: absolute;
		left: 0;bottom: 0;right: 0;
		width: 750rpx;
		height: 800rpx;
		background: none;
		.desc{
			height: 670rpx;
			width: 750rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			.txt{
				width: 594rpx;
				height: 485rpx;
				margin-bottom: 50rpx;
			}
			.btn_apply{
				width: 643rpx;
				height: 97rpx;
			}
		}
		.footer{
			width: 750rpx;
			height: 130rpx;
			display: flex;
			flex-direction: row;
			justify-content: center;
			.btn{
				margin-top: 25rpx;
				width: 310rpx;
				height: 72rpx;
				line-height: 72rpx;
				text-align: center;
				border: 1rpx solid white;
				border-radius: 5rpx;
				font-size: 28rpx;
			}
			.left{
				background: none;
				color: white;
				margin-right: 45rpx;
			}
			.right{
				background: white;
				color: #f83030;
			}
		}
	}
</style>
